﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:asp="remove">
    <xsl:output method="xml" indent="yes" encoding="utf-8" omit-xml-declaration="yes"/>
    <xsl:template match="/">      
      <xsl:for-each select="LoginPage/Tag">
        <div style="width:100%;display: table; margin-top: 20px;">
          <xsl:attribute name="id">
            <xsl:value-of select="id"/>
          </xsl:attribute>
          <div style="display:table-cell; text-align:right;" >
            <image style="display:table-cell; width:10%; height:32px; width:32px; ">
              <xsl:attribute name="src">
                <xsl:value-of select="anh"/>
              </xsl:attribute> 
            </image>
          </div>
          <div style="padding-left:10px; display:table-cell; width:80%; vertical-align:top; height:60px;" >
            <strong style="font-weight: bold; display:block;" >
              <xsl:value-of select="header"/>
            </strong>
            <xsl:for-each select="notes/note">
              <span style="display:none;  
                overflow: hidden;  
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                -ms-transition: all 1s ease-in-out;">               
                <xsl:value-of select="text()"/>
                
              </span>            
            </xsl:for-each>
          </div>
        </div>
      </xsl:for-each>
    </xsl:template>
</xsl:stylesheet>
